<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="${#request.getContextPath() + '/'}">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    <!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
    <!-- Reset Stylesheet -->
    <link rel="stylesheet" href="resources/css/reset.css" type="text/css"
          media="screen" />
    <!-- Main Stylesheet -->
    <link rel="stylesheet" href="resources/css/style.css" type="text/css"
          media="screen" />
    <link rel="stylesheet" href="resources/css/invalid.css" type="text/css"
          media="screen" />

    <!--                       Javascripts                       -->
    <!-- jQuery -->
    <script type="text/javascript"
            src="resources/scripts/jquery-1.3.2.min.js"></script>
    <!-- jQuery Configuration -->
    <script type="text/javascript"
            src="resources/scripts/simpla.jquery.configuration.js"></script>
</head>
<body>
    <div id="main-content">
        <div class="content-box">
            <!-- End .content-box-header -->
            <div class="content-box-content">
                <div class="tab-content default-tab" id="tab1">
                    <table>
                        <thead>
                        <tr>
                            <th><input class="check-all" type="checkbox" /></th>
                            <th>客房编号</th>
                            <th>客房名称</th>
                            <th>客房面积</th>
                            <th>容纳人数</th>
                            <th>床型</th>
                            <th>房间数量</th>
                            <th>操作</th>
                        </tr>
                        </thead>

                        <tbody>
                        <tr th:each="room : ${rooms}">
                            <td><input type="checkbox" /></td>
                            <td th:text="${room.id}">客房编号</td>
                            <td th:text="${room.title}">客房名称</td>
                            <td th:text="${room.area}">客房面积</td>
                            <td th:text="${room.num}">容纳人数</td>
                            <td th:text="${room.bed}">床型</td>
                            <td th:text="${room.number}">房间数量</td>
                            <td><a th:href="${'/system/toupdateprice?rid=' + room.id}">房价调整</a></td>
                        </tr>
                        </tbody>


                        <tfoot>
                        <tr>
                            <td colspan="6">
                                <!-- 分页的页签 -->
                                <div class="pagination">
                                    <a href="#" title="First Page">&laquo; First</a><a href="#"
                                                                                       title="Previous Page">&laquo; Previous</a> <a href="#"
                                                                                                                                     class="number" title="1">1</a> <a href="#" class="number"
                                                                                                                                                                       title="2">2</a> <a href="#" class="number current" title="3">3</a>
                                    <a href="#" class="number" title="4">4</a> <a href="#"
                                                                                  title="Next Page">Next &raquo;</a><a href="#"
                                                                                                                       title="Last Page">Last &raquo;</a>
                                </div> <!-- End .pagination -->
                                <div class="clear"></div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
            <!-- End .content-box-content -->
        </div>
    </div>
</body>
</html>